@page "/pdf/bullets-and-lists"
@inject Microsoft.JSInterop.IJSRuntime JS
@using System.IO
@using Syncfusion.Blazor.Buttons
@inject Microsoft.AspNetCore.Hosting.IWebHostEnvironment hostingEnvironment
@inherits SampleBaseComponent;
@*Hidden:Lines*@

@using BlazorDemos.Data.FileFormats.PDF

@*End:Hidden*@

<SampleDescription>
    <p>This sample demonstrates how to list the content in ordered and unordered list. The ordered list can be number or alphabets and the unordered list can be bullets, circles, and images.</p>
</SampleDescription>
<ActionDescription>
   <p>More information about the lists can be found in this documentation <a target='_blank' href='https://help.syncfusion.com/file-formats/pdf/working-with-text#adding-an-ordered-list'>section.</a></p>
</ActionDescription>

<div class="control-section">
    <p style="font-weight:normal">Click the button to view a PDF document generated by Essential PDF. Please note that Adobe Reader or its equivalent is required to view the resultant document. </p>

    <div class="button-section">
        <div id="button-control">
            <div class="row">
                <div>
                    <SfButton @onclick="BulletsAndListPDF">Generate PDF</SfButton>
                </div>
            </div>
        </div>
    </div>
</div>

<style>
    .radio-control {
        margin: 0 0 5% 0;
    }

    .control-section .row {
        margin: 10px 0;
    }
</style>

@code {

     
    /// <summary>
    /// Create and download the simple PDF document
    ///<summary>
    protected async void BulletsAndListPDF(MouseEventArgs args)
    {        
        BulletsAndListService service = new BulletsAndListService(hostingEnvironment);
        MemoryStream documentStream = service.BulletsAndListPDF();
        await JS.SaveAs("BulletsAndLists.pdf", documentStream.ToArray());
    }
}
